page {
	width: 100%;
	height: 100%;
	background-color: #f9f9f9;
	--mainColor: #2a7bd8;
	--successColor: #67c23a;
	--dangerColor: #f44236;
	--borderColor:#f0f2f2;
}

// body{
// 	--borderColor:#f0f2f2;
// 	--bgColor: #f2f1f6;
// 	--fontColor: #202020;
// 	--iconHui: #b1b1b1;
// 	--mainColor:#64c3b3;
// 	--dangerColor: #f44236;
// 	--dangerMinColor: #ff8880;
// 	--successColor: #67c23a;
// }

.page-box.top{
	padding-top: 160rpx;
}

.page-box.bottom{
	padding-bottom: 208rpx;
}

.page-box{
	width: 100%;
	min-height: 100%;
	padding: 30rpx;
	box-sizing: border-box;
	position: relative;
}

// .list-box{
// 	padding-top: 150rpx;
// 	padding-bottom: 178rpx;
// }

.input-box{
	width: 100%;
	padding: 30rpx;
	// padding-top: 30rpx;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 8rpx;
	// box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(211,211,219,0.3);
	
	.input-box-title{
		font-size: 32rpx;
		color: #333;
		font-weight: bold;
	}
	
	.input-item{
		width: 100%;
		padding: 36rpx 0;
		box-sizing: border-box;
		border-bottom: 1px solid #ececec;
		@include flex(row,space-between,center);
		
		.label{
			color: #576987;
			font-size: 26rpx;
			margin-right: 20rpx;
			@include flex-start();
			
			.must{
				color: var(--dangerColor);
			}
		}
		
		.input-icon{
			flex: 1;
			@include flex-start();
			
			.input{
				flex: 1;
				text-align: end;
				color: #576987;
				font-size: 26rpx;
				margin-right: 16rpx;
				width: auto;
			}
			
			.icon{
				font-size: 30rpx;
				color: #A4AFC3;
			}
			
			.icon.hide{
				opacity: 0;
			}
		}
		
		
	}
	
	.input-item:last-child{
		border-bottom: 0;
	}
	
	.input-save-box{
		width: 100%;
		padding: 30rpx;
		box-sizing: border-box;
		.input-save{
			background-color: var(--mainColor);
			color: #fff;
			width: 100%;
			height: 80rpx;
			border-radius: 150rpx;
			font-size: 30rpx;
			@include flex-center();
		}
	}
	
}

// 底部模块按钮
.bottom-btn{
	width: 100%;
	height: 168rpx;
	padding: 0 40rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 1px solid var(--borderColor);
	background-color: #fff;
	z-index: 9;
	
	.btn-confirm{
		background-color: var(--mainColor);
		color: #fff;
		padding: 0 100rpx;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 150rpx;
		font-size: 30rpx;
		width: 95%;
	}
}

/* 加载更多 */
.load-more{
	width: 100%;
	height: 100rpx;
	line-height: 100rpx;
	text-align: center;
	color: #808080;
	/* background: #f0efed; */
}

.swipe-btn{
	// width: 200rpx;
	height: 100%;
	@include flex-start();
	
	.edit-btn{
		width: 100rpx;
		height: 100%;
		color: #fff;
		font-size: 26rpx;
		@include flex-center();
		background-color: var(--mainColor);
	}
	
	.del-btn{
		width: 100rpx;
		height: 100%;
		color: #fff;
		font-size: 26rpx;
		@include flex-center();
		background-color: var(--dangerColor);
	}
}

view{
	font-size: 24rpx;
	color: #333;
}

// 搜索item 输入框
.search-item{
	margin-bottom: 30rpx;
	.search-item-title{
		font-size: 30rpx;
		color: #101010;
		margin-bottom: 20rpx;
		padding-left: 13rpx;
	}
	
	.search-item-input{
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		height: 80rpx;
		border-radius: 150rpx;
		background-color: #f6f6f6;
		font-size: 28rpx;
	}
}